/*内部公共样式*/
* { touch-acion : none }
/*html,body{font-size:40px;}*/
a:link,a:hover,a:active,a:visited{text-decoration: none; text-decoration-line: none;color:#3399ff}
html,body{height: 100%;overflow: hidden}
body{ font-size: 100%; color:#666;}
.left{ float: left}
.right{ float: right}
.clearfix { clear: both}
.red{ color: red;}
.bac-purple{ background: #6633cc}
.bac-orange{ background: #ff6600}
.bac-orange2{ background: #ff6633}
.bac-green{ background: #009933}
.bac-green{ background: #009933}
.bac-light-purple{ background: #990099}
.bac-light-purple2{background: #993399}
.bac-pink{ background: #ff3366}
.bac-pink2{background: #ff5c85}
.bac-light-green{background: #99cc00}
.deep-blue{background: #0066cc}
.bac-light-blue{background: #3399ff}
.bac-light-blue2{background: #0099ff}
.bac-brown{ background: #cc6633}
/*动画效果*/
@keyframes mymove
{
0% {box-shadow:none}
50% {box-shadow: 0px 0px 50px #888888 inset;}
100% {box-shadow:none}
}

@-moz-keyframes mymove /* Firefox */
{
0% {box-shadow:none}
50% {box-shadow: 10px 10px 5px #888888;}
100% {box-shadow:none}
}
@-webkit-keyframes mymove /* Safari 和 Chrome */
{
0% {box-shadow:none}
50% {box-shadow: 10px 10px 5px #888888;}
100% {box-shadow:none}
}

@-o-keyframes mymove /* Opera */
{
0% {box-shadow:none}
50% {box-shadow: 10px 10px 5px #888888;}
100% {box-shadow:none}
}


/*公共部分头部*/

header{height: 110px;height:2.75rem;padding:15px 28px 0px 28px; padding:0.375rem 0.7rem 0rem 0.7rem;overflow: hidden;font-size: 28px;font-size:0.7rem;color:#666; position: fixed; top:0px; width:100%; box-sizing: border-box}
/*header .login-header{ display: none}*/
/*已登录头部*/
header .space-info{float: left;line-height: 1.2rem;width:11.2rem;}
header .space-info .addtress{ background: url("../images/icon/icon_adress.png") no-repeat  left center; background-size: 0.7rem 0.7rem;padding-left: 32px; padding-left: 0.8rem;}
header .space-info .username{ background: url("../images/icon/icon_user_online.png") no-repeat  left center; background-size: 0.7rem 0.7rem;padding-left: 32px; padding-left: 0.8rem;}
header .status{float: right;line-height: 1.2rem; min-width:11.2rem; text-align:left; overflow: hidden;width:11.2rem;}
header .status .live-status{ float:right;background: url("../images/icon/gif_Recording.gif") no-repeat  left center; background-size: 0.7rem 0.7rem; padding-left: 32px;padding-left: 0.8rem;}
header .status .live-status-off{ float:right;background: url("../images/icon/icon_Live_ongoing.png") no-repeat  left center; background-size: 0.7rem 0.7rem; padding-left: 32px;padding-left: 0.8rem;}
header .status .net-status{ clear:both;float:right;background: url("../images/icon/icon_Internetofthings_ongoing.png") no-repeat  left center; background-size: 0.7rem 0.7rem; padding-left: 32px;padding-left: 0.8rem;}


header .time-note{height: 140px;height:3.5rem; line-height: 111px;line-height:2.775rem; overflow: hidden}
header .top-time{height: 140px;height:3.5rem; line-height: 111px;line-height:2.2rem; display: block; overflow: hidden; text-align: center; font-size:56px;font-size:1.4rem;}
header .top-note{display:none;height: 140px;height:3.5rem; line-height: 111px;line-height:2.2rem;  font-size:32px; font-size:0.8rem; color: #333; text-align: center;overflow: hidden;background: url("../images/bac/top_bac.png") no-repeat center -20px; background: url("../images/bac/top_bac.png") no-repeat center -0.23rem; background-size: 1600px auto; background-size:  40rem auto}
header .note-num{ position: absolute; left:0; font-size: 20px; font-size: 0.5rem;}
/* 20190508:注释竖向滚动功能样式 */
/* header .top-note ul{display: block;} */
/* header .top-note ul li{ height: 140px; height:3.5rem; line-height: 104px;line-height:2.1rem; } */
/* header .top-note ul li a{ font-size:40px;height:70px;height:1.75rem; font-size:1rem;color:#333;display: block;float:left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:990px;width:24.75rem; margin:0 auto;} */
/* header .top-note ul li a:hover{ font-size:40px;font-size:1rem;color:#0099ff; } */
/* 20190508:新增横向滚动样式 */
header .top-note span{/* height: 140px; height:3.5rem; */line-height: 104px;line-height:2.1rem; }
header .top-note span a{ font-size:40px;/* height:70px;height:1.75rem; */ font-size:1rem;color:#333; /* overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:990px;width:24.75rem;*/ }
header .top-note span a:hover{ font-size:40px;font-size:1rem;color:#0099ff; }
/*未登录头部*/
header .unlogin-header .status .live-status{ background: url("../images/icon/icon_Live_ongoing.png") no-repeat  left center; background-size: 0.7rem 0.7rem;padding-left: 32px; padding-left: 0.8rem;}
header .unlogin-header .space-info .username{ background: url("../images/icon/icon_user_NotOnline.png") no-repeat  left center; background-size: 0.7rem 0.7rem;padding-left: 32px; padding-left: 0.8rem;}
header .roll-wrap:hover .control {
    display:block
}
header .roll-wrap {
    position:relative;
    width:100%;
    height:100px;
    overflow:hidden
}
header .roll-wrap .roll__list {
}
header .roll_row .roll__list::before,.roll_row .roll__list::after {
     content:"";
     display:table;
     line-height:0
 }
header .roll_row .roll__list::after {
    clear:both
}
header .roll_row .roll__list {
    width:9999px
}
header .roll_row .roll__list li {
    float:left;
    display:block;
    margin-right:20px;
    height:100px;
    color:#333;
    background: red;
}
#scrollobj{
    white-space:nowrap;
    overflow:hidden;
    width:826px;
    width:20.65rem;
}
header .control {
    position:absolute;
    top:30px;
    display:none;
    padding:10px 5px;
    font-weight:700;
    text-decoration:none;
    color:#fff;
    background-color:rgba(0,0,0,.3)
}
header .control:hover {
    background-color:rgba(0,0,0,.5)
}
header .control.pre {
    left:5px
}
header .control.next {
    right:5px
}
header .roll_col {
    width:100%;
    height:200px;
    overflow:hidden
}
header .roll_col .roll__list {
    width:100%
}
header .h600 {
    height:600px
}
header .roll_col li {
    display:block;
    height:200px;
    line-height:200px;
    font-size:30px;
    font-weight:700;
    text-align:center;
    color:#fff;
}
header .roll_col .li-2 {
    /*background-color:#09f*/
}
header .roll_col .li-3 {
    /*background-color:#f09*/
}
header .roll_col .li-4 {
    /*background-color:#0f9*/
}
header .roll_col .control {
    top:80px
}
/*txt-scroll*/
header .txt-scroll{ width: 100%; padding: 0 5px 0 30px; }
header .txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; }
header .txt-scroll .txt,
header .txt-scroll .txt-clone{ display: inline; position: relative; }

/*头部结束*/


/*蒙层*/
.fullbg{
    background-color:gray;
    left:0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    z-index: 2;
    filter: alpha(opacity=50);
}

/*媒体查询*/
@media screen and (min-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
    html,body {
        font-size:24px
    }
    .new-wind .bottom-content .bottom-left-content p{ border-bottom: none;}
    .new-wind .bottom-content .bottom-left-content p span:nth-child(1){width:100%;opacity:0.6;}
}
@media screen and (min-width: 1280px) {
    html,body {
        font-size: 27px;
    }
}
@media screen and (min-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/
    html,body {
        font-size:30px
    }
}
@media screen and (min-width: 1680px) { /*当屏幕尺寸小于1680px时，应用下面的CSS样式*/
    html,body {
        font-size:35px
    }
}
@media screen and (min-width: 1920px) { /*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
    html,body {
        font-size:40px
    }
}

@media screen and (min-width: 2560px) { /*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
    html,body {
        font-size:57px
    }
}

